@zonos/elements 1.3.117 → 1.3.119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/cjs/{cart-b3f6a451.js → cart-596cb57e.js} +6 -0
  2. package/dist/cjs/index.cjs.js +7 -7
  3. package/dist/cjs/{paypal-aab541fd.js → paypal-affcc548.js} +1 -1
  4. package/dist/cjs/zonos-address_7.cjs.entry.js +2 -2
  5. package/dist/cjs/zonos-cart-items_13.cjs.entry.js +11 -5
  6. package/dist/cjs/zonos-checkout.cjs.entry.js +3 -2
  7. package/dist/cjs/zonos-controller.cjs.entry.js +1 -1
  8. package/dist/cjs/zonos-country-flag.cjs.entry.js +1 -1
  9. package/dist/cjs/zonos-country-select_4.cjs.entry.js +1 -1
  10. package/dist/cjs/zonos-hello-dialog.cjs.entry.js +1 -1
  11. package/dist/cjs/zonos-hello.cjs.entry.js +1 -1
  12. package/dist/cjs/zonos-language-select_2.cjs.entry.js +1 -1
  13. package/dist/cjs/zonos-notification_3.cjs.entry.js +2 -2
  14. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +9 -3
  15. package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +1 -0
  16. package/dist/collection/components/common/zonos-dialog/zonos-dialog.css +1 -1
  17. package/dist/collection/components/store/checkout/cart.js +5 -0
  18. package/dist/collection/components/store/checkout/stripe.js +1 -0
  19. package/dist/esm/{cart-fdaeeb8d.js → cart-efbc5880.js} +6 -0
  20. package/dist/esm/index.js +7 -7
  21. package/dist/esm/{paypal-fb68deeb.js → paypal-268dd71f.js} +1 -1
  22. package/dist/esm/zonos-address_7.entry.js +2 -2
  23. package/dist/esm/zonos-cart-items_13.entry.js +11 -5
  24. package/dist/esm/zonos-checkout.entry.js +3 -2
  25. package/dist/esm/zonos-controller.entry.js +1 -1
  26. package/dist/esm/zonos-country-flag.entry.js +1 -1
  27. package/dist/esm/zonos-country-select_4.entry.js +1 -1
  28. package/dist/esm/zonos-hello-dialog.entry.js +1 -1
  29. package/dist/esm/zonos-hello.entry.js +1 -1
  30. package/dist/esm/zonos-language-select_2.entry.js +1 -1
  31. package/dist/esm/zonos-notification_3.entry.js +2 -2
  32. package/dist/esm-es5/{cart-fdaeeb8d.js → cart-efbc5880.js} +1 -1
  33. package/dist/esm-es5/index.js +1 -1
  34. package/dist/esm-es5/{paypal-fb68deeb.js → paypal-268dd71f.js} +1 -1
  35. package/dist/esm-es5/zonos-address_7.entry.js +1 -1
  36. package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
  37. package/dist/esm-es5/zonos-checkout.entry.js +1 -1
  38. package/dist/esm-es5/zonos-controller.entry.js +1 -1
  39. package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
  40. package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
  41. package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
  42. package/dist/esm-es5/zonos-hello.entry.js +1 -1
  43. package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
  44. package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
  45. package/dist/scripts/index.js +1 -1
  46. package/dist/scripts/loadZonos.js +1 -1
  47. package/dist/scripts/zonos.js +1 -1
  48. package/dist/zonos-elements/index.esm.js +1 -1
  49. package/dist/zonos-elements/{p-6b52ae05.entry.js → p-30adae87.entry.js} +1 -1
  50. package/dist/zonos-elements/{p-dd8fb969.js → p-3b84160c.js} +1 -1
  51. package/dist/zonos-elements/{p-48b42c33.system.entry.js → p-4e42bab7.system.entry.js} +1 -1
  52. package/dist/zonos-elements/{p-60e5a6a2.system.entry.js → p-5960812d.system.entry.js} +1 -1
  53. package/dist/zonos-elements/{p-9e757bf5.system.entry.js → p-5bd31424.system.entry.js} +1 -1
  54. package/dist/zonos-elements/{p-fbedb337.system.js → p-5d5b72bb.system.js} +1 -1
  55. package/dist/zonos-elements/{p-3dacae53.system.entry.js → p-6b382357.system.entry.js} +1 -1
  56. package/dist/zonos-elements/{p-2628189b.js → p-70c9464f.js} +1 -1
  57. package/dist/zonos-elements/p-72af4019.system.entry.js +1 -0
  58. package/dist/zonos-elements/{p-e47cba8e.system.entry.js → p-762ffec5.system.entry.js} +1 -1
  59. package/dist/zonos-elements/{p-383f6e8c.system.entry.js → p-7aeefe91.system.entry.js} +1 -1
  60. package/dist/zonos-elements/{p-b82e527a.entry.js → p-804a31d8.entry.js} +1 -1
  61. package/dist/zonos-elements/{p-15fbb3a5.entry.js → p-927b66cc.entry.js} +1 -1
  62. package/dist/zonos-elements/{p-2c9b4d6f.entry.js → p-a207df84.entry.js} +1 -1
  63. package/dist/zonos-elements/{p-c325fd7b.entry.js → p-a8327037.entry.js} +1 -1
  64. package/dist/zonos-elements/{p-0c57d568.system.entry.js → p-b34dcd91.system.entry.js} +1 -1
  65. package/dist/zonos-elements/{p-579932dc.system.js → p-b47564a1.system.js} +1 -1
  66. package/dist/zonos-elements/p-c78dd680.system.js +1 -1
  67. package/dist/zonos-elements/{p-3a410b06.system.entry.js → p-cb06587e.system.entry.js} +1 -1
  68. package/dist/zonos-elements/p-cef712dd.entry.js +1 -0
  69. package/dist/zonos-elements/{p-93626c76.entry.js → p-d7574261.entry.js} +1 -1
  70. package/dist/zonos-elements/{p-30b1eae9.entry.js → p-e7a51042.entry.js} +1 -1
  71. package/dist/zonos-elements/{p-f8c88d80.entry.js → p-eb2e92ab.entry.js} +1 -1
  72. package/dist/zonos-elements/{p-e096a65f.system.js → p-ee0b19a5.system.js} +1 -1
  73. package/dist/zonos-elements/p-f494000d.entry.js +1 -0
  74. package/dist/zonos-elements/{p-f1a5d662.system.entry.js → p-ff9c2eda.system.entry.js} +1 -1
  75. package/dist/zonos-elements/zonos-elements.esm.js +1 -1
  76. package/package.json +1 -1
  77. package/dist/zonos-elements/p-0b4a06cc.entry.js +0 -1
  78. package/dist/zonos-elements/p-0c868b63.system.entry.js +0 -1
  79. package/dist/zonos-elements/p-5c37e64d.entry.js +0 -1
@@ -10022,6 +10022,7 @@ const stripeStoreConfirmPayment = async () => {
10022
10022
  void trackConversionEvent('checkout_paymentInfoCompleted', {
10023
10023
  paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
10024
10024
  });
10025
+ handleFetch.log('Payment intent confirmed', 'info', { error, paymentIntent });
10025
10026
  if (error) {
10026
10027
  if (error.type === 'card_error' || error.type === 'validation_error') {
10027
10028
  throw new Error(error.message);
@@ -10633,6 +10634,11 @@ const cartStorePreviousStep = () => {
10633
10634
  // set shipping step to done
10634
10635
  cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
10635
10636
  }
10637
+ else if (cartStore.step === 'finish') {
10638
+ cartStore.step = 'payment';
10639
+ // set shipping step to done
10640
+ cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }) });
10641
+ }
10636
10642
  };
10637
10643
  const cartStoreNextStep = () => {
10638
10644
  if (cartStore.step === 'customer-info') {
@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
97
97
  return null;
98
98
  }
99
99
  const qaUrl = extractZonosQaUrl(window.location.href);
100
- const cdnUrl = "https://v1.3.117.js.zonos.com";
100
+ const cdnUrl = "https://v1.3.119.js.zonos.com";
101
101
  // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
102
102
  if (!qaUrl &&
103
103
  (cdnUrl.includes('test.') ||
@@ -281,10 +281,10 @@ const zonosLoadUrl = (() => {
281
281
  }
282
282
  return null;
283
283
  })();
284
- const ZONOS_URL = "https://v1.3.117.js.zonos.com";
285
- const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.117";
286
- const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.117";
287
- const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.117";
284
+ const ZONOS_URL = "https://v1.3.119.js.zonos.com";
285
+ const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.119";
286
+ const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.119";
287
+ const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.119";
288
288
  const INTER_FONT_URL = 'https://rsms.me';
289
289
  const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
290
290
  const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -299,7 +299,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
299
299
  !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
300
300
  Zonos._paypalMockResponse = null;
301
301
  Zonos.isBigCommerce = false;
302
- Zonos.releaseDate = "1730759388583";
302
+ Zonos.releaseDate = "1730823029292";
303
303
  Zonos.isLegacyCheckout = false;
304
304
  Zonos.showBaseForeign = typeof window !== 'undefined' &&
305
305
  window.location.search.includes('zonosShowBaseForeign');
@@ -309,7 +309,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
309
309
  Zonos.isNpm = true;
310
310
  Zonos.zonosQaUrl = null;
311
311
  Zonos.zonosQaUrlApi = null;
312
- Zonos.version = `v${"1.3.117"}`;
312
+ Zonos.version = `v${"1.3.119"}`;
313
313
  Zonos.modeAlerted = false;
314
314
  Zonos.cartData = null;
315
315
  Zonos.paypal = null;
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const zonosStore = require('./zonosStore-e12d459c.js');
4
- const cart = require('./cart-b3f6a451.js');
4
+ const cart = require('./cart-596cb57e.js');
5
5
  const handleFetch = require('./handleFetch-aa729c61.js');
6
6
  const isDarkColor = require('./isDarkColor-d206c6fa.js');
7
7
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
8
8
  const handleFetch = require('./handleFetch-aa729c61.js');
9
9
  const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');
@@ -463,7 +463,7 @@ ZonosCheckbox.style = ZonosCheckboxStyle0;
463
463
 
464
464
  const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
465
465
 
466
- const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
466
+ const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
467
467
  const ZonosDialogStyle0 = zonosDialogCss;
468
468
 
469
469
  const ZonosDialog = class {
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const classes = require('./classes-b7918f56.js');
8
- const paypal = require('./paypal-aab541fd.js');
8
+ const paypal = require('./paypal-affcc548.js');
9
9
  const zonosStore = require('./zonosStore-e12d459c.js');
10
10
  const createCustomEvent = require('./createCustomEvent-3e982e57.js');
11
11
  const getBorderRadius = require('./getBorderRadius-61ed5601.js');
@@ -1452,6 +1452,12 @@ const ZonosCheckoutFinish = class {
1452
1452
  this.notificationTitle = error
1453
1453
  ? cart.translate('Payment failed')
1454
1454
  : cart.translate("You're all set!");
1455
+ handleFetch.log('=== Payment intent retrieve status', 'info', {
1456
+ clientSecret,
1457
+ error,
1458
+ messages,
1459
+ status,
1460
+ });
1455
1461
  // Payment doesn't go through
1456
1462
  if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
1457
1463
  paypal.submitGtag('zonos-checkout-payment-fail');
@@ -1560,12 +1566,12 @@ const ZonosCheckoutFinish = class {
1560
1566
  }
1561
1567
  render() {
1562
1568
  const isTestMode = createCustomEvent.getIsTestMode();
1563
- return (index.h(index.Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
1569
+ return (index.h(index.Host, { key: 'be6d82d3f5d2b75cb3ca7676d4e9dc96958b55f9', class: "zonos--checkout-finish zonos--elements", style: {
1564
1570
  '--border-radius': getBorderRadius.getBorderRadius({
1565
1571
  overrideBorderStyle: this.borderRadius,
1566
1572
  }),
1567
- } }, !this.isLoading && (index.h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, index.h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), !window.Zonos.isLegacyCheckout &&
1568
- this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
1573
+ } }, !this.isLoading && (index.h("div", { key: '1e9ae0e3e835e824d3269b76f38601f1f4a4462b', class: "zonos--finish-details" }, index.h("div", { key: '54766c1ee7a8a81616ca1bf0e1da778250a21cec', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '310f5df77e5788f287d2815dde6d4a8af0b47370', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), index.h("zonos-text", { key: 'b6725d31f0613d773e08fa451e74f32aa6708e6b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), !window.Zonos.isLegacyCheckout &&
1574
+ this.shouldRenderKeepShoppingButton() && (index.h("zonos-button", { key: '057ce352ad5202e120aa470875d32fca75e22487', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: '95acf45bb6433d04bf8fb5e36cd7a34b097b4bf9', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '0a7dc7709b0226cd9011ccbdff2820aecf3aa0f6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '21e38b16330e375e19eb2d70f442316e89daf56f', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
1569
1575
  }
1570
1576
  static get assetsDirs() { return ["assets"]; }
1571
1577
  };
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
7
- const paypal = require('./paypal-aab541fd.js');
6
+ const cart = require('./cart-596cb57e.js');
7
+ const paypal = require('./paypal-affcc548.js');
8
8
  const zonosStore = require('./zonosStore-e12d459c.js');
9
9
  const handleFetch = require('./handleFetch-aa729c61.js');
10
10
  const createCustomEvent = require('./createCustomEvent-3e982e57.js');
@@ -778,6 +778,7 @@ const ZonosCheckout = class {
778
778
  }
779
779
  catch (err) {
780
780
  handleFetch.logError(err);
781
+ paypal.submitGtag('zonos-checkout-payment-fail');
781
782
  cart.stripeStore.hasPaymentError = true;
782
783
  // should request inventory refund if there's an error during payment
783
784
  if (cart.stripeStore.shouldInventoryRefund) {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const zonosStore = require('./zonosStore-e12d459c.js');
8
8
  const handleFetch = require('./handleFetch-aa729c61.js');
9
9
  require('./isDarkColor-d206c6fa.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const zonosStore = require('./zonosStore-e12d459c.js');
8
8
  const classes = require('./classes-b7918f56.js');
9
9
  require('./handleFetch-aa729c61.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const zonosStore = require('./zonosStore-e12d459c.js');
8
8
  const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
9
9
  const isDarkColor = require('./isDarkColor-d206c6fa.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const zonosStore = require('./zonosStore-e12d459c.js');
8
8
  const classes = require('./classes-b7918f56.js');
9
9
  const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
6
  const zonosStore = require('./zonosStore-e12d459c.js');
7
- const cart = require('./cart-b3f6a451.js');
7
+ const cart = require('./cart-596cb57e.js');
8
8
  const classes = require('./classes-b7918f56.js');
9
9
  const handleFetch = require('./handleFetch-aa729c61.js');
10
10
  const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d56e0a8b.js');
6
- const cart = require('./cart-b3f6a451.js');
6
+ const cart = require('./cart-596cb57e.js');
7
7
  const zonosStore = require('./zonosStore-e12d459c.js');
8
8
  const ILanguage = require('./ILanguage-98b04442.js');
9
9
  require('./handleFetch-aa729c61.js');
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-d56e0a8b.js');
6
6
  const zonosStore = require('./zonosStore-e12d459c.js');
7
7
  const classes = require('./classes-b7918f56.js');
8
- const cart = require('./cart-b3f6a451.js');
8
+ const cart = require('./cart-596cb57e.js');
9
9
  const handleFetch = require('./handleFetch-aa729c61.js');
10
- const paypal = require('./paypal-aab541fd.js');
10
+ const paypal = require('./paypal-affcc548.js');
11
11
  require('./isDarkColor-d206c6fa.js');
12
12
  require('./getBorderRadius-61ed5601.js');
13
13
 
@@ -213,6 +213,12 @@ export class ZonosCheckoutFinish {
213
213
  this.notificationTitle = error
214
214
  ? translate('Payment failed')
215
215
  : translate("You're all set!");
216
+ log('=== Payment intent retrieve status', 'info', {
217
+ clientSecret,
218
+ error,
219
+ messages,
220
+ status,
221
+ });
216
222
  // Payment doesn't go through
217
223
  if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
218
224
  submitGtag('zonos-checkout-payment-fail');
@@ -321,12 +327,12 @@ export class ZonosCheckoutFinish {
321
327
  }
322
328
  render() {
323
329
  const isTestMode = getIsTestMode();
324
- return (h(Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
330
+ return (h(Host, { key: 'be6d82d3f5d2b75cb3ca7676d4e9dc96958b55f9', class: "zonos--checkout-finish zonos--elements", style: {
325
331
  '--border-radius': getBorderRadius({
326
332
  overrideBorderStyle: this.borderRadius,
327
333
  }),
328
- } }, !this.isLoading && (h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
329
- this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
334
+ } }, !this.isLoading && (h("div", { key: '1e9ae0e3e835e824d3269b76f38601f1f4a4462b', class: "zonos--finish-details" }, h("div", { key: '54766c1ee7a8a81616ca1bf0e1da778250a21cec', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '310f5df77e5788f287d2815dde6d4a8af0b47370', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b6725d31f0613d773e08fa451e74f32aa6708e6b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
335
+ this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '057ce352ad5202e120aa470875d32fca75e22487', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '95acf45bb6433d04bf8fb5e36cd7a34b097b4bf9', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '0a7dc7709b0226cd9011ccbdff2820aecf3aa0f6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '21e38b16330e375e19eb2d70f442316e89daf56f', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
330
336
  }
331
337
  static get is() { return "zonos-checkout-finish"; }
332
338
  static get encapsulation() { return "shadow"; }
@@ -565,6 +565,7 @@ export class ZonosCheckout {
565
565
  }
566
566
  catch (err) {
567
567
  logError(err);
568
+ submitGtag('zonos-checkout-payment-fail');
568
569
  stripeStore.hasPaymentError = true;
569
570
  // should request inventory refund if there's an error during payment
570
571
  if (stripeStore.shouldInventoryRefund) {
@@ -64,7 +64,7 @@
64
64
  height: 100vh;
65
65
  left: 0;
66
66
  top: 0;
67
- position: absolute;
67
+ position: fixed;
68
68
  display: flex;
69
69
  justify-content: center;
70
70
  align-items: center;
@@ -362,6 +362,11 @@ const cartStorePreviousStep = () => {
362
362
  // set shipping step to done
363
363
  cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
364
364
  }
365
+ else if (cartStore.step === 'finish') {
366
+ cartStore.step = 'payment';
367
+ // set shipping step to done
368
+ cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }) });
369
+ }
365
370
  };
366
371
  const cartStoreNextStep = () => {
367
372
  if (cartStore.step === 'customer-info') {
@@ -436,6 +436,7 @@ const stripeStoreConfirmPayment = async () => {
436
436
  void trackConversionEvent('checkout_paymentInfoCompleted', {
437
437
  paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
438
438
  });
439
+ log('Payment intent confirmed', 'info', { error, paymentIntent });
439
440
  if (error) {
440
441
  if (error.type === 'card_error' || error.type === 'validation_error') {
441
442
  throw new Error(error.message);
@@ -10020,6 +10020,7 @@ const stripeStoreConfirmPayment = async () => {
10020
10020
  void trackConversionEvent('checkout_paymentInfoCompleted', {
10021
10021
  paymentMethod: paymentIntent === null || paymentIntent === void 0 ? void 0 : paymentIntent.payment_method,
10022
10022
  });
10023
+ log('Payment intent confirmed', 'info', { error, paymentIntent });
10023
10024
  if (error) {
10024
10025
  if (error.type === 'card_error' || error.type === 'validation_error') {
10025
10026
  throw new Error(error.message);
@@ -10631,6 +10632,11 @@ const cartStorePreviousStep = () => {
10631
10632
  // set shipping step to done
10632
10633
  cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
10633
10634
  }
10635
+ else if (cartStore.step === 'finish') {
10636
+ cartStore.step = 'payment';
10637
+ // set shipping step to done
10638
+ cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }) });
10639
+ }
10634
10640
  };
10635
10641
  const cartStoreNextStep = () => {
10636
10642
  if (cartStore.step === 'customer-info') {
package/dist/esm/index.js CHANGED
@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
94
94
  return null;
95
95
  }
96
96
  const qaUrl = extractZonosQaUrl(window.location.href);
97
- const cdnUrl = "https://v1.3.117.js.zonos.com";
97
+ const cdnUrl = "https://v1.3.119.js.zonos.com";
98
98
  // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
99
99
  if (!qaUrl &&
100
100
  (cdnUrl.includes('test.') ||
@@ -278,10 +278,10 @@ const zonosLoadUrl = (() => {
278
278
  }
279
279
  return null;
280
280
  })();
281
- const ZONOS_URL = "https://v1.3.117.js.zonos.com";
282
- const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.117";
283
- const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.117";
284
- const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.117";
281
+ const ZONOS_URL = "https://v1.3.119.js.zonos.com";
282
+ const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.119";
283
+ const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.119";
284
+ const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.119";
285
285
  const INTER_FONT_URL = 'https://rsms.me';
286
286
  const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
287
287
  const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -296,7 +296,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
296
296
  !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
297
297
  Zonos._paypalMockResponse = null;
298
298
  Zonos.isBigCommerce = false;
299
- Zonos.releaseDate = "1730759388583";
299
+ Zonos.releaseDate = "1730823029292";
300
300
  Zonos.isLegacyCheckout = false;
301
301
  Zonos.showBaseForeign = typeof window !== 'undefined' &&
302
302
  window.location.search.includes('zonosShowBaseForeign');
@@ -306,7 +306,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
306
306
  Zonos.isNpm = true;
307
307
  Zonos.zonosQaUrl = null;
308
308
  Zonos.zonosQaUrlApi = null;
309
- Zonos.version = `v${"1.3.117"}`;
309
+ Zonos.version = `v${"1.3.119"}`;
310
310
  Zonos.modeAlerted = false;
311
311
  Zonos.cartData = null;
312
312
  Zonos.paypal = null;
@@ -1,5 +1,5 @@
1
1
  import { z as zonosStore, c as createStore } from './zonosStore-6b5bd87c.js';
2
- import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-fdaeeb8d.js';
2
+ import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-efbc5880.js';
3
3
  import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-3dea7d46.js';
4
4
  import { t as tinycolor } from './isDarkColor-dc08fa26.js';
5
5
 
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
2
- import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-fdaeeb8d.js';
2
+ import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-efbc5880.js';
3
3
  import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
4
4
  import { a as logError, l as log } from './handleFetch-3dea7d46.js';
5
5
  import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
@@ -459,7 +459,7 @@ ZonosCheckbox.style = ZonosCheckboxStyle0;
459
459
 
460
460
  const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
461
461
 
462
- const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
462
+ const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
463
463
  const ZonosDialogStyle0 = zonosDialogCss;
464
464
 
465
465
  const ZonosDialog = class {
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
2
- import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-fdaeeb8d.js';
2
+ import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-efbc5880.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-fb68deeb.js';
4
+ import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-268dd71f.js';
5
5
  import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
6
6
  import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
7
7
  import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
@@ -1448,6 +1448,12 @@ const ZonosCheckoutFinish = class {
1448
1448
  this.notificationTitle = error
1449
1449
  ? translate('Payment failed')
1450
1450
  : translate("You're all set!");
1451
+ log('=== Payment intent retrieve status', 'info', {
1452
+ clientSecret,
1453
+ error,
1454
+ messages,
1455
+ status,
1456
+ });
1451
1457
  // Payment doesn't go through
1452
1458
  if (error && (messages === null || messages === void 0 ? void 0 : messages.length)) {
1453
1459
  submitGtag('zonos-checkout-payment-fail');
@@ -1556,12 +1562,12 @@ const ZonosCheckoutFinish = class {
1556
1562
  }
1557
1563
  render() {
1558
1564
  const isTestMode = getIsTestMode();
1559
- return (h(Host, { key: 'c951a9a8fac681e50d9741b8bfef09e10e1e6b9b', class: "zonos--checkout-finish zonos--elements", style: {
1565
+ return (h(Host, { key: 'be6d82d3f5d2b75cb3ca7676d4e9dc96958b55f9', class: "zonos--checkout-finish zonos--elements", style: {
1560
1566
  '--border-radius': getBorderRadius({
1561
1567
  overrideBorderStyle: this.borderRadius,
1562
1568
  }),
1563
- } }, !this.isLoading && (h("div", { key: 'b6d10fa322320f30c0ff702f256f32b6acb69af5', class: "zonos--finish-details" }, h("div", { key: '8c3801345cb72d8c9addcea1577e4480640c4ae9', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '89a874b1f1d1b325cda6d6f8e5863c10867c6161', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'ed3410d00f0215bcfaf53e15bb5c6f6e0d923c65', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
1564
- this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'adfd0912e7e7f59284488163f500c3d07453bc4b', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '2f9c5db57935e99531189a29a5471b26d963e646', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'ebcebeabea725bbbec030cfde621ab54c7263f53', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'f52f574517b536a7586d2fea92fc66b22996b8ed', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
1569
+ } }, !this.isLoading && (h("div", { key: '1e9ae0e3e835e824d3269b76f38601f1f4a4462b', class: "zonos--finish-details" }, h("div", { key: '54766c1ee7a8a81616ca1bf0e1da778250a21cec', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '310f5df77e5788f287d2815dde6d4a8af0b47370', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'b6725d31f0613d773e08fa451e74f32aa6708e6b', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), !window.Zonos.isLegacyCheckout &&
1570
+ this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '057ce352ad5202e120aa470875d32fca75e22487', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode && cartStore.step === 'finish' && (h("div", { key: '95acf45bb6433d04bf8fb5e36cd7a34b097b4bf9', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '0a7dc7709b0226cd9011ccbdff2820aecf3aa0f6', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '21e38b16330e375e19eb2d70f442316e89daf56f', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
1565
1571
  }
1566
1572
  static get assetsDirs() { return ["assets"]; }
1567
1573
  };
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, F as Fragment } from './index-86b8247e.js';
2
- import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as cartStoreUpdateToErrorState, o as translate, p as getZCountryUrlParam, q as cartStoreSetCheckoutSession, r as stripeStorePrefetchLandedCost, u as cartStoreNextStep, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as localizationStoreOnUpdate } from './cart-fdaeeb8d.js';
3
- import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-fb68deeb.js';
2
+ import { l as localizationStore, s as stripeStoreGetDomesticShippingSession, a as localizationStoreUpdateSelectedCountryCode, b as stripeStoreCleanupDomesticShippingSession, c as stripeStoreSaveDomesticShippingSession, i as initStripeElements, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStore, k as stripeStoreInitCheckoutSession, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as cartStoreUpdateToErrorState, o as translate, p as getZCountryUrlParam, q as cartStoreSetCheckoutSession, r as stripeStorePrefetchLandedCost, u as cartStoreNextStep, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as localizationStoreOnUpdate } from './cart-efbc5880.js';
3
+ import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalInitScript } from './paypal-268dd71f.js';
4
4
  import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-6b5bd87c.js';
5
5
  import { h as handleFetch, l as log, a as logError, s as sendErrorLog, g as getElapsedTime, b as allLogs, j as jsonParse } from './handleFetch-3dea7d46.js';
6
6
  import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
@@ -774,6 +774,7 @@ const ZonosCheckout = class {
774
774
  }
775
775
  catch (err) {
776
776
  logError(err);
777
+ submitGtag('zonos-checkout-payment-fail');
777
778
  stripeStore.hasPaymentError = true;
778
779
  // should request inventory refund if there's an error during payment
779
780
  if (stripeStore.shouldInventoryRefund) {
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-86b8247e.js';
2
- import { A as isValidSelector, j as stripeStore, B as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-fdaeeb8d.js';
2
+ import { A as isValidSelector, j as stripeStore, B as initLocalizationStore, d as cartStore, a as localizationStoreUpdateSelectedCountryCode } from './cart-efbc5880.js';
3
3
  import { z as zonosStore, b as zonosStoreInitSetting, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
4
4
  import { h as handleFetch, a as logError, l as log } from './handleFetch-3dea7d46.js';
5
5
  import './isDarkColor-dc08fa26.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
2
- import { l as localizationStore } from './cart-fdaeeb8d.js';
2
+ import { l as localizationStore } from './cart-efbc5880.js';
3
3
  import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
4
4
  import { c as classes } from './classes-0d95c529.js';
5
5
  import './handleFetch-3dea7d46.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
2
- import { a as localizationStoreUpdateSelectedCountryCode, o as translate, l as localizationStore } from './cart-fdaeeb8d.js';
2
+ import { a as localizationStoreUpdateSelectedCountryCode, o as translate, l as localizationStore } from './cart-efbc5880.js';
3
3
  import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
4
4
  import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
5
5
  import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-86b8247e.js';
2
- import { o as translate, l as localizationStore, G as currencyFormat } from './cart-fdaeeb8d.js';
2
+ import { o as translate, l as localizationStore, G as currencyFormat } from './cart-efbc5880.js';
3
3
  import { z as zonosStore } from './zonosStore-6b5bd87c.js';
4
4
  import { c as classes } from './classes-0d95c529.js';
5
5
  import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
2
2
  import { _ as _root, e as _baseGetTag, i as isObjectLike_1, f as isObject_1, z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-6b5bd87c.js';
3
- import { l as localizationStore, A as isValidSelector, o as translate, p as getZCountryUrlParam, C as setZCountryUrlParam, D as currencyDisplay, E as currencyConvertAndFormat, F as currencyConvert, G as currencyFormat } from './cart-fdaeeb8d.js';
3
+ import { l as localizationStore, A as isValidSelector, o as translate, p as getZCountryUrlParam, C as setZCountryUrlParam, D as currencyDisplay, E as currencyConvertAndFormat, F as currencyConvert, G as currencyFormat } from './cart-efbc5880.js';
4
4
  import { c as classes } from './classes-0d95c529.js';
5
5
  import { h as handleFetch, a as logError, l as log } from './handleFetch-3dea7d46.js';
6
6
  import { g as getHasMoreSpaceOnRight } from './getHasMoreSpaceOnRight-70eb913a.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
2
- import { S as localizationStoreUpdateSelectedLocale, o as translate, l as localizationStore } from './cart-fdaeeb8d.js';
2
+ import { S as localizationStoreUpdateSelectedLocale, o as translate, l as localizationStore } from './cart-efbc5880.js';
3
3
  import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
4
4
  import { l as languages } from './ILanguage-cd6acb72.js';
5
5
  import './handleFetch-3dea7d46.js';
@@ -1,9 +1,9 @@
1
1
  import { r as registerInstance, h, H as Host, d as getElement, c as createEvent } from './index-86b8247e.js';
2
2
  import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
3
3
  import { c as classes } from './classes-0d95c529.js';
4
- import { j as stripeStore } from './cart-fdaeeb8d.js';
4
+ import { j as stripeStore } from './cart-efbc5880.js';
5
5
  import { a as logError, l as log } from './handleFetch-3dea7d46.js';
6
- import { d as paypalStoreInitButtons } from './paypal-fb68deeb.js';
6
+ import { d as paypalStoreInitButtons } from './paypal-268dd71f.js';
7
7
  import './isDarkColor-dc08fa26.js';
8
8
  import './getBorderRadius-008516a4.js';
9
9